/**
 * @description 全局主题变量配置
 */
// 框架默认主题色
$base-color-default: #3B51B9;

$-color-default: #3B51B9;
$-color-warning: #ED8936;
$-color-white: #fff;

$-table-header-margin-bottom: 12px;
$-table-header-color: #fff;
$-table-header-bg-color: #6173C6;
$-table-header-font-size: 16px;
$-table-header-height: 40px;


// 默认层级
$base-z-index: 999;

$base-color: #495060;
// 菜单文字颜色
$base-menu-color: #d8d8d8;
// 菜单选中文字颜色
$base-menu-color-active: #d8d8d8;

// 横向布局纵向布局时菜单背景色
$base-menu-background: #2d3748;
// 菜单选中背景色
$base-menu-background-active: $base-color-default;

// 标题颜色
$base-title-color: #fff;

// 字体大小配置
$base-font-size-small: 12px;
$base-font-size-default: 14px;
$base-font-size-big: 16px;
$base-font-size-title: 16px;
$base-font-size-bigger: 18px;
$base-font-size-max: 22px;

$font-size-default: 14px;

$base-size-default: 14px;
$base-size-mini: 12px;
$base-size-small: 16px;
$base-size-medium: 20px;
$base-size-big: 24px;
$base-size-large: 28px;
$base-size-large: 32px;

$base-font-color: #606266;

$color-default: #606266;

$base-color-blue: $base-color-default;
$base-color-green: #13ce66;
$base-color-white: #fff;
$base-color-black: #000;
$base-color-yellow: #ffba00;
$base-color-orange: #ed8936;
$base-color-red: #ff4d4f;
$base-color-gray: rgba(0, 0, 0, 0.65);

// 表格相关

$base-border-radius: 4px;
$base-border-color: #dcdfe6;

// 输入框高度
$base-input-height: 32px;
// 默认 padding
$base-padding: 20px;
$base-padding-small: 12px;
// 默认 margin
$base-margin: 20px;
$base-margin-small: 12px;
$base-margin-mini: 8px;
// 默认阴影
$base-box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
// 横向布局时 top-bar、logo、一级菜单的高度
$base-top-bar-height: 65px;

// 纵向布局时 logo 的高度
$base-logo-height: 54px;
// 顶部 nav-bar 的高度
$base-nav-bar-height: 54px;
// 顶部多标签页 tabs-bar 的高度
$base-tabs-bar-height: 50px;
// 顶部多标签页 tabs-bar 中每一个 item 的高度
$base-tag-item-height: 34px;

$base-copyright-height: 56px;

$base-tabs-height: 48px;

// 菜单 li 标签的高度
$base-menu-item-height: 50px;
// app-main 的高度
$base-app-main-height: calc(
  100vh - #{$base-nav-bar-height} - #{$base-tabs-bar-height} - #{$base-padding} -
    #{$base-padding} - 55px - 55px
);
// app-main 的背景颜色
$base-app-main-background: #e2e8f1;

$base-main-width: 1400px;

// ! 布局组件宽度
$full-width: 100vw;

$aside-width: 280px;
$main-width: calc(100% - #{$aside-width});

$main-mini-width: 1380px;
$header-mini-width: $main-mini-width;
$navbar-mini-width: $main-mini-width;
$tags-view-mini-width: $main-mini-width;
$footer-mini-width: $main-mini-width;

$aside-width-collapse: 54px;
$aside-collapse-width: 54px;
$collapse-main-width: calc(#{$full-width} - #{$aside-width-collapse});

// ! 布局组件高度
$-header-height: 54px;
$-footer-height: 56px;

$logo-height: 54px;
$-sidebar-logo-height: 54px;

$navbar-height: 54px;
$hamburger-height: 54px;
$breadcrumb-height: 54px;

$tags-view-height: 50px;

$main-height: calc(100vh - #{$-header-height} - #{$-footer-height});
$main-mini-height: 920px;

//纵向布局时左侧导航未折叠时的宽度
$base-left-menu-width: 280px;
//纵向布局时左侧导航未折叠时右侧内容的宽度
$base-right-content-width: calc(100% - #{$base-left-menu-width});

//纵向布局时左侧导航已折叠时的宽度
$base-left-menu-collapse-width: 54px;
//纵向布局时左侧导航已折叠时右侧内容的宽度
$base-right-content-collapse-width: calc(
  100% - #{$base-left-menu-collapse-width}
);

//默认动画
$base-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
//默认动画时长
$base-transition-time: 0.3s;

:export {
  theme: $base-color-default;
  //菜单文字颜色变量导出
  menu-color: $base-menu-color;
  //菜单选中文字颜色变量导出
  menu-color-active: $base-menu-color-active;
  //菜单背景色变量导出
  menu-background: $base-menu-background;
  menu-background-active: $base-menu-background-active;
}
